<!DOCTYPE HTML>
<html>

<head>
  <title>automotrizLUPITA</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
   <script src="js/jq.js"></script>
    <script src="js/happy.js"></script>
    <script src="js/happy.methods.js"></script>
    <script src="js/personalizados.js"></script>
</head>

<body>
  <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="index.php">Automotriz<span class="logo_colour">LUPITA</span></a></h1>
          <h2>Sistema de gestion y administración.</h2>
        </div>
      </div>
      <nav>
        
      </nav>
    </header>
    <div id="site_content">
      <div class="content">
        <div style="width:100%;" align="center" id="principal">
              <h1>Automotriz Lupita</h1>
                <div id="nota"></div>
                        <form action="javascript:irforma('forma','sesion.php','principal');" method="POST" name="forma" id="forma">
                          <table>
                            <tr>
                              <td>
                                <label>Usuario:</label>
                              </td>
                              <td>
                                 <input type="text" name="usuario" id="usuario" >
                              </td>
                              
                            <tr>

                              <td>
                                <label>Contraseña:</label>
                              </td>
                              <td>
                                <input type="password" name="password" id="password">
                              </td>
                              
                            </tr>
                            <tr class="distancia">
                                <td>
                                </td>
                                <td>
                                <input type="submit" value="Acceder"  class="submit">
                                </td>
                            </tr>
                          </table>
                        </form>

        </div>
      </div>
    </div>
    <footer>
      <p>Copyright &copy; AutomotrizLUPITA | <a href="#">programado y diseñado por SaturnSoft S.A. de C.V.</a></p>
    </footer>
  </div>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script>
      $(document).ready(function () {
        $('#forma').isHappy({
          fields: {
    
            '#usuario': {
              required: true,
              message: 'Ingresa tu nombre de usuario'
            },
            '#password': {
              required: true,
              message: 'Ingresa tu password',
            }
          }
        });
      }); 
       

    </script>
</body>
</html>
